<template>
    <div class="password">
        <van-nav-bar title="密码设置" left-arrow @click-left="goBack"></van-nav-bar>
        <div class="content">
            <section>
                <van-cell title="修改登录密码" is-link :to="{name:'modifyLoginPassword'}"/>
                <van-cell title="设置交易密码" is-link v-model="now" :to="{name:'buypassword'}"/>
                <van-cell title="修改交易密码" is-link value="" :to="{name:'modifyDealPassword'}"/>
                <van-cell title="找回交易密码" is-link value="" :to="{name:'retrieveDealPassword'}"/>
            </section>
        </div>
    </div>
</template>
<script>
import Vue from "vue"
import axios from "axios"
import {
    NavBar,
    Cell,
    CellGroup
} from "vant"
export default {
    components: {
        [NavBar.name]: NavBar,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup
    },
    data() {
        return {
            now:"未设置"
        }
    },
    created(){
        if(localStorage.getItem('tradePassword') == 1){
            this.now = "已设置"
        }else{
            this.now = "未设置"
        }
    },
    methods: {
        //返回上一页
        goBack() {
            this.$router.go(-1);
        },
    }
}
</script>
<style lang="less" scoped>
@import "../../../assets/less/variable.less";
.van-cell__title {
    text-align: left;
}
.van-cell::after {
    content: ' ';
    position: absolute;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    border-bottom: 1px solid #ebedf0;
}
.password {
    background: #fff;
    .content {
        background: #fff;
    }
}
</style>